<%@page contentType="text/html;charset=UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form"%>
	
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Registration</title>
<link href="<c:url value="/css/styleRegister.css"/>" rel="stylesheet"
	type="text/css" />
<link href="<c:url value="/css/style.css"/>" rel="stylesheet"
	type="text/css" />
</head>

<body>
	<!--body part start -->
	<div id="main_body">
		<div id="left_pan">
			<img src="<c:url value="/images/trial.gif"/>" width="85" height="100"
				title="trial impact" alt="trial impact" />
			<h2>
				members <span>area</span>
			</h2>
			<p>Wait for registration...</p>
		</div>
		<!--left side end -->
		<!--right side start -->
		<div id="rightPan">
			<ul>
				<li><a href="#" class="main">Home</a></li>
				<li><a href="#" class="home">About Us</a></li>
				<li><a href="#" class="home">Network</a></li>
				<li><a href="#" class="sub">Submission</a></li>
				<li><a href="#" class="home">Archives</a></li>
				<li><a href="#" class="home">Finance</a></li>
				<li><a href="#" class="con">Contact</a></li>
			</ul>
			<ul class="link">
				<li><a href="#">WORK</a></li>
				<li class="sup"><a href="#">TRAVEL</a></li>
				<li class="sol"><a href="#">PC</a></li>
			</ul>
			<ul class="sub_link">
				<li><a href="#">sodales lac</a></li>
				<li class="sup1"><a href="#">sodales lac</a></li>
				<li class="sol1"><a href="#">sodales lac</a></li>
			</ul>
			<div id="register_box">
	
<h2>Registration Form</h2>

<c:set var="registrationUrl" ><c:url value='/registration'/></c:set>
<form:form name="Register" method="POST" action="${registrationUrl}" commandName="userRegistationCommand">
<%-- 	<form:errors path="*" cssClass="errorBox" /> --%>
	<p>
	    <span>Your NickName:&nbsp;&nbsp;&nbsp;</span>
		<form:input path="userNickName" value=""  />
		<form:errors path="userNickName" />
	</p>
	<p>
	    <span>Your Password:&nbsp;&nbsp;&nbsp; </span>
		<form:password path="userPassword" value="" />
		<form:errors path="userPassword" />
	</p>
	<p>
	    <span>Retype Password:    </span>
		<form:password path="reUserPassword" value="" />
		<form:errors path="reUserPassword" />
	</p>
	<p>
	<span style = "padding-right:55px;">Gender:</span>
	    <form:select path="userGender">
			<form:options items="${gender}" />
		</form:select>
		<form:errors path="userGender" />
	</p>
	<p>
	    <span>How old are you?</span>
		<form:input path="userAge" value="" onfocus="if(this.value == this.defaultValue) this.value = ''"/>
		<form:errors path="userAge" />
	</p>
	<p>
		<input type="submit" name="button" class="button" value="Register" />		
	</p>
</form:form>
</div>



		</div>
		<!--right side end -->
		<br class="bank" />
	</div>
	<!--body part end -->
	<div id="footer_bg">
		<div id="footer">
			<ul>
				<li><a href="#">Home</a>|</li>
				<li><a href="#">About Us</a>|</li>
				<li><a href="#">Network </a>|</li>
				<li><a href="#">Submission </a>|</li>
				<li><a href="#">Archives</a>|</li>
				<li><a href="#"> Finance</a>|</li>
				<li><a href="#">Contact</a></li>
			</ul>
			<p>&copy; WebChatDynamite. All rights reserved.</p>
			<ul class="xhtml">
				<li><a class="xht"
					href="http://validator.w3.org/check?uri=referer" target="_blank"
					title="xhtml">xhtm</a></li>
				<li><a class="css"
					href="http://jigsaw.w3.org/css-validator/check/referer"
					target="_blank" title="css">css</a></li>
			</ul>
		</div>
	</div>
</body>

